<div>
    <nz-input-group nzSearch [nzAddOnAfter]="suffixButton">
        <input type="text" nz-input placeholder="服务端 IP:Port" [(ngModel)]="value"/>
      </nz-input-group>
      <ng-template #suffixButton>
        <button nz-button nzType="primary" nzSearch>测试</button>
      </ng-template>
</div>
<div style="margin-top: 15px;" align="center">
    <button nz-button nzType="primary" nzShape="circle" [nzSize]="'large'" (click)="up()"><i nz-icon nzType="up" nzTheme="outline"></i></button>
    <div style="margin: 10px 0 10px 0;">
        <button nz-button nzType="primary" nzShape="circle" [nzSize]="'large'" (click)="left()"><i nz-icon nzType="left" nzTheme="outline"></i></button>
        <button nz-button nzType="primary" nzShape="circle" [nzSize]="'large'" style="margin: 0 10px 0 10px;" (click)="stop()"><i nz-icon nzType="pause-circle" nzTheme="outline"></i></button>
        <button nz-button nzType="primary" nzShape="circle" [nzSize]="'large'" (click)="right()"><i nz-icon nzType="right" nzTheme="outline"></i></button>
    </div>
    <button nz-button nzType="primary" nzShape="circle" [nzSize]="'large'" (click)="down()"><i nz-icon nzType="down" nzTheme="outline"></i></button>
</div>